<template>
  <div>
    <dl class="m-categroy">
      <dt>按拼音首字母选择：</dt>
      <dd v-for="(item, index) in list" :key="index">
        <a :href="'#city-'+item">{{item}}</a>
      </dd>
    </dl>
    <dl class="m-categroy-section" v-for="item in section" :key="item.title">
        <dt :id="'city-'+item.title">{{item.title}}</dt>
        <dd><span @click='toIndex(c)' v-for="c in item.value" :key="c">{{c}}</span></dd>
    </dl>
  </div>
</template>
 
<script lang='ts' src='./index.ts'></script>
<style lang='scss'>
@import '@/assets/css/changeCity/categroy.scss';
.m-categroy-section dd span {
  cursor: pointer;
}
</style>